<template>
    <h2>当前求和为{{ sum }}</h2>
    <button>sdad当前求加一</button>
    <hr />
    <h1>获取鼠标位置: X:{{ point.X }} Y:{{ point.Y }}</h1>
</template> 0    

<script>
import { onMounted, onUnmounted, reactive, ref, watch, watchEffect } from "vue";
import usePoint from "./../hooks/usePoint";
export default {
    //#region
    // watch: {
    //     sum: {
    //         immediate: true,
    //         deep: true,
    //         handler(newValue, oldValue) {
    //             console.log(newValue, oldValue);
    //         },
    //     },
    // },
    //#endregion
    setup(props, context) {
        let sum = ref(0);

        let point = usePoint();
        console.log('dawdaw',point);

        return { sum, point };
    },
};
</script>                    
<style scoped>
</style>